<template>
<div>
  <van-tabbar route v-model="active" active-color="#ee0a24">
    <van-tabbar-item replace icon="home-o" to="/">首页</van-tabbar-item>
    <van-tabbar-item replace icon="search" to="/category">分类</van-tabbar-item>
    <van-tabbar-item replace icon="photo-o" to="/1topic">值得买</van-tabbar-item>
    <van-tabbar-item replace icon="shopping-cart-o" to="/Cart">购物车</van-tabbar-item>
    <van-tabbar-item replace icon="friends-o" to="/user">个人</van-tabbar-item>
  </van-tabbar>
</div>
</template>

<script lang="ts">
  import { defineComponent } from "vue"
  export default defineComponent({
    name:'AppTabBar',
  })
</script>

<script lang="ts" setup>
import {ref} from "vue"
let active = ref(0)
</script>

<style scoped>

</style>